//导入Bootstrap
// import 'bootstrap/dist/css/bootstrap.css'
// import './css/app.css'
//导入vue-resource
import VueResource from 'vue-resource'
Vue.use(VueResource)
// 导入MUI
import './lib/mui/css/mui.css'
import './lib/mui/css/icons-extra.css'

// 导入路由 包,
import VueRouter from 'vue-router'
// 手动安装VueRouter
Vue.use(VueRouter)
// //导入MintUi
 import MintUI from 'mint-ui'
// //导入MintUI的样式
 import 'mint-ui/lib/style.css'
 Vue.use(MintUI)
//vue缩裸图预览插件
import VuePreview from 'vue-preview'
Vue.use(VuePreview)

import Vue from "../node_modules/vue/dist/vue.js"
//导入vuex的包
import Vuex from 'vuex'
 Vue.use(Vuex)
 var store = new Vuex.Store({
     state:{
         //如果想要获取store的数据，只能通过this.$store.state.***来访问其数据。
        //  count:0,
         car:[] //把数据用数组存储起来，是这个样子的{id：商品的ID，count：商品的数量，pirce：商品的价格，selected：false是否被选中}
     },
     mutations:{
         addcar(state,goodsinfo){
           
            var flag =false
            state.car.some(item =>{
                if(item.id==goodsinfo.id){
                item.count +=parseInt(goodsinfo.count)
                flag=true
                return true 
                }
                if(!flag){
                    state.car.push(goodsinfo)
                }
             
            })
         },
         //想改变数据，只能使用this.$store.commit("方法名")
        //  increment(state){
        //    state.count++
        //  },
        //  subtract(state,c){
        //     state.count-=c
        //  }
    },
    getters:{
      getAllCount(state){
       var c=0;
       state.car.forEach(item=>{
            c+=item.count
       })
       return c
      }
    }
 })

import app from './App.vue'

import router from './router.js'
//导入格式化时间
import moment from 'moment'
// 全局过滤器
Vue.filter("timename", function(str,ptn="YYYY-MM-DD HH:mm:ss"){
 return moment(str).format(ptn)  
})
//全局的前面请求的域名
Vue.http.options.root='http://localhost:3030'
Vue.http.options.emulateJSON=true

var vm= new Vue({
    el:"#app",
    render:c=>c(app),
    router,
    store:store
})